Copyright: Copyright@1999 SourceTec Software Co.Ltd. All Rights Reserved.


Feature

What Does CutePage SlidingMenu Do?

CutePage SlidingMenu is a powerful Java menu tool developed by SourceTec Software Co. Ltd , which can create neat, efficient Java navigation menu applet (SlidingMenu) for your Internet or Intranet Web pages with no need of programming.

CutePage SlidingMenu guides user to generate Java Menu applet(one of Widgets). The configuration doesn't require any Java or HTML coding, so it is suitable for any web designers. With CutePage SlidingMenu, you could implement applets of various effects: Sliding Tree, Radio Buttons and other special effects. It also provides pre-made templates to make work easier. In addition, you could preview the generated applet without quitting CutePage SlidingMenu.

Features of CutePage SlidingMenu 1.5:

•	Easy to use. Doesn't require any coding ;

•	Create neat, efficient multi-level sliding Java menu for your Internet or Intranet Web pages

•	 Multi-level menu support ;

•	 Friendly operate interface with guild text on ;

•	 Three menu states property(mouse over, mouse click, normal) ;

•	 Supplies three ways to add Java coolmenu into web page ;

•	 Audio, image support ;

•	 Support users to define web directory for files during configuration ;

•	 Specify sub-menu sliding speed ;

•	 Support item transperant function ;

•	 Implement varous effects: Sliding Tree, image maps, colour button, etc.

•	 Provides templates to make work easier.

•	 Specify the browser to preview

•	 Preview the generated applet without quitting

•	User defined template support

•	Multi top-level menus support

•	Provide great text special-effects for item label

•	Clipboard support

•	Work with CutePage in a seamless integration way

Platform

Win95/Win98/Win NT 4.0, Java supported web browser


What is SlidingMenu Widget

What is SlidingMenu Widget?

Summary

SlidingMenu Widget is a Java Applet program which implement web navigation menu system. It could be used in web homepages. SlidingMenu Widget provide various effects: button, sliding tree, and so on.

SlidingMenu Widget is a configurable Java Applet, and users could configure varied parameters of SlidingMenu Widget through Cutepage SlidingMenu. These parameters include each menu item's text, image, linked URL and target frame, the style of menu,three status(normal,mouse over, click) of items and many other parameters. In addition, SlidingMenu Widget offer the self-paint background effects.

SlidingMenu Widget  is a pure Java based program, it developed by SourceTec Software Co. Ltd.

What is the 'Menu' in a SlidingMenu Widget?

The Menu is a rectangle that contains many items rectangle ,and it is placed in the Applet rectangle. The following figure show the relation of them:

Figure: Applet, Menu and Item

SlidingMenu Widget can contain two types menu:Top-level Menu and Sub Menu. Sub Menu is attached to the item of menu. Top-level Menu will be showed when the applet starting, and Sub Menu will show when mouse click item which the Sub Menu is attached to.

Related Topic


Index

       Feature

     Work With CutePage

     FAQ

     Tutorial

           What is SlidingMenu Widget

           Create a SlidingMenu In 5 Minutes Or Less!

           Change Applet Style

           Setting the Way To Display Menu Items

      How to

           Create a New SlidingMenu Widget

           Configure a SlidingMenu Widget

           Save a SlidingMenu Widget

           Save a SlidingMenu as a Template

           List Support Files

           Insert SlidingMenu Widget into other HTML Files

           Manage Saved Templates

           Target URL to Frame

           Set SlidingMenu Applet Size

       Command

            File

            Edit

            Option

            View

            Help

         License and Register Information

            License

            Register Information


File

File Menu

The commands of file operation.

Menu Item

New	Creates a new Widget.
Open	Opens an existing Widget.
Save	Saves an opened Widget using the same name.
Save as..	Saves an opened Widget to a specified name.
Save as Template	Save an open Widget as template.
Support Files	List support files
Exit	Exit the program.

Related Topic


New (File Menu)

Use this command to create a new SlidingMenu Widget. When you click this command, the New dialogbox will be started.

You can open an existing SlidingMenu Widget with the Open command.

Shortcuts

       Toolbar:

        Keys:     CTRL+N

Related Topic


Edit

Edit Menu

The commands of edit.

Menu Item

Configure	Configure your open Widget.
Rename	Rename your Widget.

Related Topic


Option

Option Menu

The commands of Option.

Menu Item

Web Browser..	Specify the properties of Web borwser.
Template	Manage your saved template.

Related Topic


FAQ

Frequently Asked Questions

If you want to know more informations about FAQ, please visit  www.cutepage.com.

1. Can I use SlidingMenu applet on my web site with one license?

Yes,you can. SourceTec grants to you the non-exclusive right to install CutePage SlidingMenu on a single computer and to use the menu applet on a single web site (multi pages is OK) if you have one license. But if you want to use the applet on more than one web site, you will need multiple licenses.

2. I have created a menu with CutePage SlidingMenu and it runs very well, but it halt when I put it on my web site, why?

The class file is limited to be viewed on local disk. If you want to add it to your web site, please register CutePage SlidingMenu. We will send you the registration file to unlock the trial version.

3. How can I get technical support? What must be provided when I want to get technical support ?

We provide technical support via Email for registered user. When you ask questions,please send me your Email Address and related Register Code also.

4. How to register CutePage SlidingMenu?

There are 2 way to register this software :

1. You can register CutePage SlidingMenu using Register.exe of the program.

2. You can register online at KAGI's web site also:

For SSL connect

   	http://order.kagi.com/?1VI&S

or

For Non-secure connect

http://order.kagi.com/?1VI

For more information about registration, please read Registration Information or visit our web site at http://www.cutepage.com/order.htm

5. I have replaced the all class file with the attachment file after I registered CutePage SlidingMenu, but it doesn't work,why?

Please clear the cache of the web browser and try again. The old class file may be still in the cache

6.Which web browsers can view SlidingMenu applet? Have you tested them?

SlidingMenu applet is a pure Java program and it can work on any web browsers that support Java. We have tested CutePage SlidingMenu under Netscape Gold 3.0-3.02,Netscape Communicator 4.02-4.07, 4.5 ,IE 3.0-3.02(4.70.1300), IE 4.0 -4.01, and Applet Viewer.

7.Whether is it possible to use other fonts than Helv, Times or Courrier (like Arial all sizes) for the menus?

Only these three fonts are supported by all platform. CutePage SlidingMenu can only provide these fonts now.

8.What does the target frame:_self,_parent,_top,_blank mean? I want to target to a frame that is not covered by these commands. Is there a way to edit the applet code parameters to achieve this?

These are pre-defined frame:

_self-------Load the link into the same window the link was clicked in. This is default.

_parent---Load the link into the immediate parent of the document the link is in.

_top-------Load the link into the full body of the window.

_blank----Load the link into a new blank window. This window is not named.

You must have given name for your frame,then you can target the HTML to them just to type the name of the frame into target combo box.

9. I set the item to be transparent,and the text on item is invisible also,why?

Change the background color of the item to be different from the font color.

10.Can I make SlidingMenu applet to be transparent so the Content of the HTML can be displayed under applet?

No,you can't. It is limited by Java language.

11.Can CutePage SlidingMenu work with FrontPage 98?

Yes. After you finished customize SlidingMenu, click Build/Build HTML... menu item. In HTML dialog,click Copy button.

Switch to FrontPage 98 editor and select the position that you want insert SlidingMenu applet.Click Insert/FrontPage Component... menu item,select Insert HTML in the listbox and click OK button in the insert FrontPage Component dialog.Now, the HTML code dialog appear. Click right button in the edit and click paste. Press the OK button. Copy the slidmenu.class, image files and audio files to the directory that contain you page, and all is OK!

12. I lost my register code and applet class file,How can I do?

Send an email to support@srctec.com, enclose your registered email address and the estimated date when you registered it. The information will help us to re-generate your registration file.

13. What kind of sound file does CutePage SlidingMenu support?

You need .au format sound file if you decide to add audio effect to your menu. But, unfortunately, Java applet doesn't support all .au file format. We recommend that you save your sound file as 16-bit, 8000Hz Playback Rate, Mono.

You can convert your sound file from .wav or .snd to .au format by some other softwares, if you currently haven't got one. I recommend you use GoldWave. You can find it in ZDNet's download site <http://www.hotfiles.com/>.

14. Where can I find lastest information about CutePage SlidingMenu?

Visit our web site at http://www.cutepage.com. Join our mail list for information about SourceTec software and some useful tips.


License

CutePage SlidingMenu License Agreement

CutePage SlidingMenu 1.5 END-USER LICENSE AGREEMENT

This End-User License Agreement (EULA) is a legal agreement between you (an individual or an entity) and SourceTec Software Co.Ltd. for the software product identified above, which includes computer software and electronic documentation. By installing, copying, or otherwise using CutePage SlidingMenu, you are agreeing to be bound by the terms of this Agreement. If you do not agree to the terms of this Agreement, you are not authorized to use this software. For further information about registration, please read register.txt.

ABOUT UNREGISTERED SOFTWARE

The unregistered software may be freely copied and distributed if no modification is made in the archive package.

LICENSE AGREEMENT FOR REGISTERED SOFTWARE

GRANT OF LICENSE.  SourceTec grants to you the non-exclusive right to use CutePage SlidingMenu on a single computer and to use the applet it created on a single web site. You may make copies of the CutePage SlidingMenu for backup and archival purposes. SourceTec software Co.Ltd reserves all rights not expressly granted.

COPYRIGHT. CutePage SlidingMenu is owned by SourceTec Software Co.Ltd. and is protected by copyright laws and international copyright treaty provisions, as well as other intellectual property laws and treaties.  Therefore, you must treat CutePage SlidingMenu like any other copyrighted material .  You may not use or copy CutePage SlidingMenu for any other purpose than what is described in this Agreement.

OTHER RESTRICTIONS.  You may not rent or lease CutePage SlidingMenu, but you may transfer CutePage SlidingMenu on a permanent basis provided you retain no copies and the recipient agrees to the terms of this Agreement.  If the software is an update or has been updated, any transfer must include the most recent update and all prior versions.  You may not reverse engineer, decompile or disassemble CutePage SlidingMenu except to the extent that the foregoing restriction is expressly prohibited by applicable law.

LIMITED WARRANTY

NO WARRANTIES.  To the maximum extent permitted by applicable law, SourceTec software Co.Ltd. expressly disclaims any warranty for CutePage SlidingMenu. CutePage SlidingMenu and its documentation are provided "as is" without warranty of any kind, either express or implied, including, without limitation, the implied warranties or merchantability or fitness for a particular purpose.  The entire risk arising out of use or performance of CutePage SlidingMenu remains with you.

NO LIABILITY FOR CONSEQUENTIAL DAMAGES.  To the maximum extent permitted by applicable law, in no event shall SourceTec Software Co.Ltd. or its suppliers be liable for any damages whatsoever (including, without limitation, damages for loss of business profit, loss of business information, business interruption, or any other pecuniary loss) arising out of the use or inability to use this SourceTec Software Co.Ltd. product.


Open(File Menu)

Use this command to open an existing SlidingMenu Widget.

You can create new SlidingMenu Widget with the New command.

Shortcuts

            Toolbar:

             Keys:   CTRL+O

Related Topic


Save(File Menu)

Use this command to save the active SlidingMenu Widget to its current name and directory.  When you save a SlidingMenu Widget for the first time, CutePage SlidingMenu displays the Save As dialog box so you can name your SlidingMenu Widget.  If you want to change the name and directory of an existing SlidingMenu Widget before you save it, choose the Save As command.

Shortcuts

            Toolbar:

             Keys:   CTRL+S

Related Topic


Save As(File Menu)

Use this command to save and name the active SlidingMenu Widget.  Clicks the items, then displays the Save As dialog box so you can name your SlidingMenu Widget.

To save a  SlidingMenu Widget with its existing name and directory, use the Save command.

Related Topic


Support Files(File Menu)

Use this command to list support files of your SlidingMenu Widget and copy  them to your specified directory. When you click this item, the Support Files Dialogbox will be started, you can specify a directory by it.

ShortCut:

               ToolBar:

Related Topic


Save as Template(File Menu)

Click this command to save an open SlidingMenu Widget as template. When you click this menu item, the Save as Template dialog will be started.

Shortcuts

         Toolbar:

             Keys:   CTRL+T

Related Topic


Exit(File Menu)

Use this command to end your CutePage SlidingMenu session.  You can also use the Close command on the application Control menu.  CutePage SlidingMenu prompts you to save documents with unsaved changes.

Shortcuts

Keys:	ALT+F4

Related Topic


Toolbar(View Menu)

Use this command to Show/Close Toolbar. When you click this menu item, you can find that Toolbar is showed/closed.

Related Topic


Status Bar(View Menu)

Use this command to show/close Status bar. When you click this menu item, you can find that Toolbar is showed/closed.

Related Topic


Web Browser(Option Menu)

Use this command to specify a browser to browse SlidingMenu Widget that  was created by you.

When you click it, the web browser dialog box is started. You can input the values.

Related Topic


Template(Option Menu)

Use this command to manage you saved templates. When you click this menu item, the Manage Template dialog box will be started, you can manage templates by it.

Related Topic


Help Topic(Help Menu)

Use this command to display the opening screen of Help.  From the opening screen, you can jump to step-by-step instructions for using CutePage SlidingMenu and various types of reference information.

Once you open Help, you can click the Contents button whenever you want to return to the opening screen.

Related Topic


Tutorial(Help Menu)

Click this command to see the CutePage SlidingMenuTutorial.

Related Topic


Search for Help on(Help Menu)

Use this command to search a topic by Keyword in Help file.

Related Topic


Widget  Sample(Help Menu)

View  Sample(Help Menu)

When you click this menu item, you can view Sample.HTM of SlidingMenu  Widget  to see how wonderful effect the SlidingMenu Widget can make.

Related Topic


Help About(Help Menu )

Use this command to display the copyright notice and version number of your copy of CutePage SlidingMenu..

Related Topic


Configurate...(Edit Menu)

Configure(Edit Menu)

Use this command to start the SlidingMenu Widget Configuration Interface. You can configure your SlidingMenu Widget by it.

Shortcuts

             Toolbar:

              Keys:  Alt+Enter

Related Topic


order info(help menu)

Ordering Information

Click this item to get the technical support online.

Related Topic


Rename(Edit Menu)

Use this command to start the Rename dialogbox. If you want to rename your current SlidingMenu Widget, you can click this menu item.

Related Topic


Preview(Edit Menu)

Use this command to Preview your open SlidingMenu Widget.

Shortcuts

             Toolbar:

              Keys:  Ctrl+F5

Related Topic


New(DialogBox)

Use New dioalog box to create a new SlidingMenu Widget.

Parameters:

•	Name: Specify a name to your new SlidingMenu Widget.

•	Description: Input your hint message to your new SlidingMenu Widget.

•	Select a Template: You must select a template for your new SlidingMenu Widget. Please choose one from the template list.

Related Topic


Save as Template(DialogBox)

 If you save your configured Widget as a template, the file name will follow the CutePage Widget format. If you use CutePage, you can import it into your HTML documents by CutePage.

Parameters

•	Name: Specify a distinctive name to your new SlidingMenu Template.

•	Description: Input your hint message to your new SlidingMenu Template.

Related Topic


Rename(DialogBox)

Use this dialog box to rename your open SlidingMenu Widget..

Parameters:

•	Name: Specify a new name to your open SlidingMenu Widget.

•	Description: Input your hint message to your new SlidingMenu Widget.

Related Topic


Web Browser(DialogBox)

Using this dialog, you can add a Browser(.exe) to the popup menu of Preview button in configuration interface, so you can use this browser to browse your CutePage SlidingMenu widgets by clicking the menu item.

Add a Browser:

You can input the file path and name or click  ... button to select a file, and input the name(It will be displayed as the menu item text), then click the Add button, this browser will be added. It will be displayed in the Specify Browser List.

Delete a Specify button:

Select a browser from Specify Browser List, then click Delete button.

Related Topic


Manage Template(DialogBox)

Using this Manage Template Dialog Box, you can manage your saved templates.

Operation

Rename: If you want rename a existing template, please select the template from the Template List, then input new name and description into the Name and Description input box, click the Rename button.

Delete: select the template from the Template List you want to delete, click Delete button.

Related Topic


Work With CutePage

CutePage SlidingMenu can work with CutePage HTML editor in a seamless integration way. We strongly recommend you to use CutePage SlidingMenu together with CutePage HTML editor.

CutePage is a highly functional and attractive freeware HTML editor that offers a wide array of simple, fill-in-the-blanks-type dialogs to help you work with everything from images, fonts, tables, links, and colors to forms and frames. The interface concentrates the bulk of its tools at the top in two rows of attractive icons, creating a neat, uncluttered editing environment. The use of color-coded tags is convenient -- the defaults are blue for tags, red for values, and black for content. CutePage also provides an FTP component for uploading files to a server.

CutePage can be downloaded at http://www.cutepage.com

If want to get more information about CutePage, please visit http://www.cutepage.com/cutepage.htm.


Download With CutePage

Work With CutePage

CutePage SlidingMenu can work with CutePage HTML editor in a seamless integration way. We strongly recommend you to use CutePage SlidingMenu together with CutePage HTML editor.

CutePage is a highly functional and attractive freeware HTML editor that offers a wide array of simple, fill-in-the-blanks-type dialogs to help you work with everything from images, fonts, tables, links, and colors to forms and frames. The interface concentrates the bulk of its tools at the top in two rows of attractive icons, creating a neat, uncluttered editing environment. The use of color-coded tags is convenient -- the defaults are blue for tags, red for values, and black for content. CutePage also provides an FTP component for uploading files to a server.

Note: If you want to use CutePage to insert a widget, save the widget firstly. Then start this diakog,click Using CutePage's File/Import widget.. to Insert SlidingMenu check box, click OK, use CutePage command File/Import widget.. to insert this widget.

CutePage can be downloaded at http://www.cutepage.com

If want to get more information about CutePage, please visit http://www.cutepage.com/cutepage.htm.


What are support files

What are support files?

If you want to use CutePage SlidingMenu, you should prepare two parts to let your widgets run properly: HTML codes of this widget and the files used by HTML codes. These files can be Java class files, audio files, image files.These files' name and path will be included in the widget's HTML codes. We call these files as Support files.

The Support Files' Path

HTML file will locate the support files when it is browsed. This locating depend on the support files' path which were recorded in HTML codes.

For example: If you don't set the web path of support files when you configure your widget, you must save the support files in the HTML files saved directory. The following pictures show this conditions, it does not set support files' path in HTML codes(using gifsample.gif image file):

We also can specify the path of every support file. Now, we set the class file relative path is mytest and image file's, gifsample.gif, relative path is mytestimage. These two directories must be in your HTML file saved directory.  The following pictures show the path in HTML codes:

It is so important to set the accurate path of these support files. If you don't set the path correctly, your widget will not be showed properly. It will be included in the widget HTML codes and you must set it correctly.

The default path of support files is the HTML file saved directory. If you want to copy these support  files to another directory, you can click the Support files menu item or Support Files toolbar button to copy the support files to the specified directory.

Related Topic


Help About(DialogBox)

Use this command to display the copyright notice and version number of your copy of CutePage SlidingMenu.

Related Topic


Main Frame

The Main Frame show the help messages and the command buttons. You can use these buttons to configure your CutePage SlidingMenu widget.

The following picture shows the Main Frame of CutePage SlidingMenu:

1New or Open a SlidingMenu widget

If you want to create a new CutePage SlidingMenu widget, please click New button.

If you want to open an existing CutePage SlidingMenu widget, please click Open button.

2Make My SlidingMenu

Then you can click the Configure.. button to configure your open widget.

3.Add SlidingMenu to Web Page

If you want to view the widget's HTML codes or copy these codes into other HTML files, please click the Copy Code.. button.

You can click the New Page button to create a HTML files that only contain the open widget's HTML codes.

If you want to open an existing HTML files and insert the open widget to this HTML file, please click Insert Into button.

If you want to get more informations about inserting a widget into HTML files, please click More Info.. button

Note: You must specify the right path of support files to your Widget, or copy those files to your specified directory.


Create a New SlidingMenu Widget

If you just start the CutePage SlidingMenu, Please following these steps to create a new SlidingMenu Widget:

1.Click File/New menu item, then the New dialog box wiil be started. You must specify a distinctive name for the new SlidingMenu Widget.

2.Click Edit/Configure menu item or Configure button,  then you can configure your new SlidingMenu Widget.

3. Click File/Save menu item to save this new SlidingMenu Widget.

Now, you have created a new SlidingMenu Widget.

Related Topic


Configure a SlidingMenu Widget

There are so easy to configure a SlidingMenu Widget. You can use the commands of CutePage SlidingMenu  to configure it.

Click Edit/Configure menu item or Configure button in main frame, then the configuration interface will be started. Please press F1 to get the Configuration Interface Help. If you want to read the help of Configuration Interface, please click here

If you finish you configurations, you can save it. .

Related Topic


List Support Files

Click Support Files in menu bar or click the icon in tool bar, so the file used in CoolButton will be list in a window.

If you do not want to save the files, which is used in CoolButton such as images, audio, .class files, etc, to the same folder, please specify a proper path  for these files.

You can use the way that CutePage SlidingMenu  supply to you to copy the support files to the specified directory. Click File/Support files menu item or Support Files toolbar button, the Support Files dialog will be started, it list the support files you used in this widget, click the Copy to.. button , then select a directory in Select Directory DialogBox, click OK, you can copy your support files to the specified directory.

Related Topic


Save a SlidingMenu Widget as a Template

What is Template?

Template is a pre-made Widget. Using templates, you can ease to import your configured Widgets into your HTML documents. If you save your configured Widget as a template, the file name will follow the CutePage Widget format, so when you use CutePage, you can import it into your HTML documents by CutePage.

Save a Widget as a Template

Click File/Save as Template...  menu item or As Template toolbar button,the Save as Template dialog box was started, you must specify a distinctive name to your saved template.

Related Topic


Insert SlidingMenu Widget into Other HTML Files

Insert SlidingMenu into Other HTML Files

After you configured and saved a SlidingMenu Widget, you can import it into your HTML documents.

There are three ways to insert a configured SlidingMenu Widget into your document:

1.Copy Code

You can use this command to copy the HTML code of SlidingMenu and paste it into the HTML document.

I. Click Support files menu item or Support Files toolbar button to copy your support files to the target directory.

II.Click the Copy Code.. button, the View HTML dialog will be started, CutePage SlidingMenu will copy the HTML codes to system clipboard automatically.

III.Open the HTML file by your favorite HTML editor.

IV.Find proper place in HTML codes, paste the widget's codes.

Note: If you specify web path for your support files, please copy the support files to the specified directory. If not, please do setp I.

2. New Page

Click New Page button, then you can create a new HTML file which just contain the widget's HTML codes.

3. Insert Into

Clicking Insert Into.. button, you can insert a Widget into an existing HTML files.

I.Click Insert Into.. button, then select a HTML file from the Open File Dialog, click OK.

II.The Insert SlidingMenu into Page dialog will be started. If you want to use CutePage to insert this widget, please click the Using CutePage's File/Import Widget.. to insert SlidingMenu check box, then CutePage(If you don't download CutePage, it will start a message box to ask if download Cutepage or not) can be started automatically.

III. If you don't want to use CutePage to insert, please don't click the check box, just click OK, then the Insert Widget into HTML File dialog will be started, and your selected file will be opened. You can use the button commands to insert your SlidingMenu widget.

Note: The default path of support files is the HTML file saved directory. You can specify the path of  every support file when you configure your widget. If you can not browse your widget propertly, please assure the support files' paths are same as the path specified in HTML codes

Related Topic


Save a SlidingMenu Widget

After you configured a SlidingMenu Widget, you can Save a SlidingMenu Widget.

Click File/Save.. menu item or Save toolbar button, then the Save dialog will be started, you can save your open SlidingMenu Widget.

If you want to use the configured SlidingMenu Widget in CutePage, please save it as a template. Click this to see how to do.

Related Topic


Manage Saved Templates

You can ease to manage your saved templates.

Click Option/template.. menu item, then the Manage Template dialog box will be started.

Related Topic


Help

Help Menu

The commands of Help.

Menu Item

Help Topics	Offers you an index to topics on which you can get help.
Tutorial	Displays the CutePage Tutorial.
Search for Help on	Search a topic by keyword in help file.
View Sample	Displays the samlpe of Widget.
Frequently Asked Questions	Displays Frequently Asked Questions topic.
Ordering Information	Get the technical support online
About CutePage SlidingMenu	Displays the version number of this application.

Related Topic


View

View Menu

The commands if view.

Menu Item

Tool Bar	Operate Tool bar.
Status Bar	Operate Status bar.

Related Topic


Insert Widget into HTML File(DialogBox)

Use this dialog to open a HTML file and insert current open CutePage SlidingMenu widget to the HTML file.

If you start this dialog, please click Insert button, then this widget's HTML codes will be insert into the HTML files. If you want to copy support files to the file saved directory, please click the Copy class, image and audio files into same directory automatically check box, then those files will be copied.

If you regret to insert the widget, please click Undo button.

Related Topic


A Rectangle to display applet's border, background color, image. It can contain several menu rectangles.


A Rectangle to display item's border, background color, image and lable.


Create a SlidingMenu In 5 Minutes Or Less

Create a SlidingMenu In 5 Minutes Or Less!

It is easy to use CutePage SlidingMenu to create a SlidingMenu Widget. You can create a SlidingMenu in 5 minutes or less by following the tutorial below:

1.Start CutePage SlidingMenu application.Click File/New ... menu item or New button in Main frame.

2.You will see New SlidingMenu dialog, Select a template in the template list. For example, Select "Standard Tree" template.Then press OK button. ( You can see all the templates style on the sample page. Command "Help/View Samples")

3.Then, the configure window is open. Choose the item you want to configure by clicking and this item's property will show on the left.

4. Customize the label, size and color ,etc on the configure window.

5.  After you configured template, Click "File/Save" to save it. The program will save the new menu as .pgt file.

The .pgt file will record your configuration and saving it will convenient your next modify.

Greeting, you just finished the work!

If you want to insert this widget to other HTML files, please click here to get help.

If you want to read the help of configuration interface, please click here.

Related Topic


Change Applet Style

Applet Style:

Applet style define the the way to draw a applet rectangle and the audio to be played when applet is started. For example, the Background Color and Background Image of the applet are applet styles.

For more information about the applet styles, please click here.

How to set Applet style:

Click the Edit/Configure menu item, then select the root item of the menu tree, you can see  SlidingMenu's Configuration Interence. Set the properties in it.

Related Topic


Setting the Way To Display Menu Items

General

In a SlidingMenu applet, a menu item is displayed in an item rectangle, and items in the same menu are displayed in the same menu rectangle. So, you can change the way of displaying the sliding menu by setting the Menu Styles and Item Styles.

Menu style

Menu styles define the way to arrange item rectangle in the menu ,the menu rectangle's size, the method to draw a menu in the applet rectangle, and how to display this menu.

The menu rectangle's size if the items arrange to be vertical (See the follow figure):

Menu Width = Item Width

Menu Height = n * Item Height + (n-1) * Item Gaps	(n is item count)

Figure: Menu Width and Menu Height (Item is arranged to vertical)

Setting menu style

First, click Edit/Configure menu item, then the configuration interface will be started. Select an item in the menu tree exclude root and item labeled Top-level SlidingMenu.Then you can see  Item's Properties dialog. Select Size tab to set menu style.

Item style

There are three status for each item, they are: Normal, Mouse Over and Click. Item style define  how to draw item rectangle: background color to fill with rectangle, fill style,foreground color to draw item label,the rectangle border style,the image and text(label) align in the rectangle and text font.

Item rectangle's fill style can be one of the style which are showing in the following(if item's background color is blue:

Background styles define the way to arrange the background color and fade color. It can be one of the style which are showing in the following

For example:

color A:

color B:

Fade Style	Single direction	Bi-direction
Horizontal fade effect(From Color A to Color B)
Vertical fade effect(From Color A to Color B)
Horizontal fade effect(From Color B to Color A)
Vertical fade effect(From Color B to Color A)
Full Fill with Background Color A
Full Fill with Background Color B

Item rectangle's border may be:Plain,Raised and Sunken.

You must set item styles for each item status, so the user can see which item is selected and which item is clicked.

How to set Item Style

First, Click the Edit/Configure menu item, then the Configuration interface will be started. Select the a item in the menu tree exclude root and item labeled Top-level Menu, then you can see  Item's Properties dialog.  Select Item Normal tab, Item Mouse Over tab or Item Clicked tab to set item style.

Related Topic


Set SlidingMenu Applet Size

You can specify rectangle size where display SlidingMenu Applet. The rectangle's minisize is depended on the parameters you customized. You can set the width and height of the rectangle manually, the CutePage SlidingMenu can calculate the size for you automatically also.

Set the size by  yourself

1. Click Edit/Configure menu item or Configure button, select the Applet Parameters tab.

2. In the Applet Parameters tab, type the width and height.

Related Topic


Target URL to Frame

When user click a menu item which has been linked to an URL, the URL will be loaded into target frame of web browser.

You can target the URL to a certain frame, the target frame can be a pre-defined frame or an user defined frame.

1.Select an item in the menu tree.You want to set a link URL to this item and let the URL displayed in a target frame.

2.Select General tab.

3.In the Link edit box, type the URL.

4.In the Target Frame combo box,select a pre-defined frame.

These are pre-defined frame:

_self-------Load the link into the same window the link was clicked in.

_parent---Load the link into the immediate parent of the document the link is in.

_top-------Load the link into the full body of the window.

_blank----Load the link into a new blank window. This window is not named.

5. If the frames have been given names already, you only need to type the frame's name into the target box.

For example, there is a page with three frames: "top" "main" and "left". If you put the applet in the frame"left" and want the applet open the linked page in frame "main", please type the frame's name "main" into the Target box.

Related Topic


A Rectangle to display menu's border, background color, image. It can contain several item rectangles.


Registration Information

CutePage SlidingMenu 1.5 Registration Information

This is a trial version for evaluation use only . You are hereby licensed to use this software for evaluation purposes without charge

for a period of 30 days. If you use this software after the 30 day evaluation period , a registration fee is required. If software trial

period expired , some functions will be disable and the applet class file bound with this program will only work on your hard disk unless this program is registered.

This software may be registered using the supplied REGISTER program(for Windows95/NT user only, other platform users can registered online at KAGI's online register web site: <http://order.kagi.com/?1VI&S>). When payment is received, you will receive a registration file contained register code and applet class file via e-mail.You can use the register code (along with your email address) and the applet class file to make the CutePage SlidingMenu software a registered version.

As a registered user, you can get...

* Technical support via e-mail.

* Information of other products from SourceTec.

PAYMENT METHODS

Kagi <http://www.kagi.com> process the payment for CutePage SlidingMenu .( Kagi shareware is the secure and convenient shareware payment processing service. )

You must have one of the payment methods supported by Kagi Shareware.

  Credit Card: Visa, Mastercard, American Express.

  Check or Money Order

  Cash

  First Virtual: see http://www.fv.com

  Invoice

PRICE

25.00 USD for single user license.

95.00 USD for 5 user license.

125.00 USD for 10 user license

398.00 USD for site license (Using on any computers within your company).

1498.00 USD for world wide license (Using on any computers within your company and all its branches around the world)

NOTE: An user means a developer, not a visitor. CutePage SlidingMenu charges on every web site which uses this applet. That is, if the appletis used on 5 different web sites, the developer will need 5 user licenseeven if the developer only installs one copy of the software on his PC for design work.

HOW TO REGISTER

1  Run REGISTER.EXE.

2  Fill out the information such as your name, e-mail address, number of licenses you are purchasing, and payment method.  For more details, see REGISTER.HLP.

3  Send the output of REGISTER.EXE to Kagi Shareware  via E-mail, postal mail or fax.

4  You will receive a confirmation of the payment and a registration file with your register code. You can use the register code (along with your name and email address) to change the software to a registered version and get technical support via e-mail.

ONLINE REGISTER

You now can register online at KAGI's web site:

For SSL connect

   	http://order.kagi.com/?1VI&S

or

For Non-secure connect

http://order.kagi.com/?1VI

* Kagi shareware <http://www.kagi.com> is the secure and convenient shareware payment processing service.

* Register for Windows (REGISTER.EXE) is written by Grzegorz   Kochaniak.


CutePage is a free powerful HTML editor developed by SourceTec Software Co. Ltd.


View HTML Code of this Widget(DialogBox)

Using this dialog, you can view the HTML codes of your open CutePage SlidingMenu widget.

If you want to use this widget in your HTML files, please open your HTML file and Paste(CutePage SlidingMenu will copy the HTML codes to system clipboard automatically) the HTM codes of this Widget.

Note: You must ensure  your support files in the right path according to HTML codes. You can  set the accurate path of support files when you configrue the widget.

Related Topic


Support Files(DialogBox)

This dialog can list the support files you used for this widget.

If you want to copy those files to a specified directory, please click Copy to.. button, then select a directory from the Select Directory dialog, click OK, you can copy the files to the directory.

Related Topic